<template>
  <div>
    <div class="header">
   <van-search v-model="value" placeholder="请输入搜索关键词"  input-align="center" class="search"/>
    </div>

    <div class="leader">
      <ul>
        <li><a href="#/search">整租</a></li>
        <li><a href="#/search">合租</a></li>
        <li><a href="#">地图找房</a></li>
        <li><a href="#">去出租</a></li>
      </ul>

     
     
     
    </div>


    <h2>这是主页</h2>
  </div>
</template>

<script>

export default {
  name: 'Index',
  props: {},
 data() {
    return {
      value: '',
    };
  },

}
</script>

<style scoped lang="less">
.header{
  display: flex;
  justify-content: center;
  padding-top: 5%;
}
.leader ul{
  display: flex;
  padding-left: 30px;
  li{
    flex:1
  }
}
</style>
